<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>圣农</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/life-details.css">
    <script type="text/javascript" src="js/lib/jquery-3.2.1.min.js"></script>
</head>

<body>
    <header>
        <div class="view clearfix">
            <div class="nav fl">
                <ul class="clearfix">
                    <li class="fl">
                        <a href="product.html">产品中心</a>
                        <span></span>
                    </li>
                    <li class="fl on">
                        <a href="about.html">关于4度</a>
                        <span></span>
                    </li>
                    <li class="fl">
                        <a href="life.html">4度生活</a>
                        <span></span>
                    </li>
                </ul>
            </div>
            <div class="logo-center"></div>
            <div class="logo-right fr"></div>
            <div class="search-ico fr"></div>
        </div>
        <div class="search clearfix disnone">
            <input type="text" placeholder="Search" class="fl">
            <span class="fr"></span>
        </div>
    </header>
    <div class="banner"></div>
    <div class="info">
        <div class="picture"><img src="img/life-details2-picture.jpg" alt=""></div>
        <div class="title title2"></div>
        <p>入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。入口鲜辣，鲜香细嫩，微麻辣中而姜葱蒜味浓，略带甜酸。        </p>
    </div>
    <footer>
        <div class="view clearfix">
            <div class="nav fl">
                <ul class="fl">
                    <li>
                        <a href="">联系方式</a>
                    </li>
                    <li>
                        <a href="">电话</a>
                    </li>
                    <li>
                        <a href="">邮箱</a>
                    </li>
                    <li>
                        <a href="">地址</a>
                    </li>
                </ul>
                <ul class="fl">
                    <li>
                        <a href="">合作</a>
                    </li>
                    <li>
                        <a href="">商务合作</a>
                    </li>
                    <li>
                        <a href="">加入我们</a>
                    </li>
                </ul>
                <ul class="fl">
                    <li>
                        <a href="">帮助</a>
                    </li>
                    <li>
                        <a href="">配送范围查询</a>
                    </li>
                </ul>
            </div>
            <div class="about fr">
                <div class="title">关注我们</div>
                <ul class="clearfix">
                    <li class="code fl">
                        <div class="picture">
                            <img src="img/foot-tianmao-ico.png" alt="">
                            <p>天猫</p>
                        </div>
                    </li>
                    <li class="code fl">
                        <div class="picture">
                            <img src="img/foot-weixin-ico.png" alt="">
                            <p>微信</p>
                        </div>
                    </li>
                    <li class="code fl">
                        <div class="picture">
                            <img src="img/foot-weibo-ico.png" alt="">
                            <p>微博</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </footer>
    <script type="text/javascript" src="js/style.js"></script>
    <script type="text/javascript" src="js/product.js"></script>
</body>

</html>